<#include '/admin/header.html' >
<style>
 td .layui-btn{
  background:#1E9FFF;
  }
</style>
<div  class="admin-main">
   <div>
        <!--提示区域  -->
        <div class="page_explain">
            <h2>操作提示</h2>
            <ul>
                <li><span>·</span>该列表显示所有会员等级，您可以做出添加，删除，和修改操作</li>
                <li><span>·</span>删除：如果当前是默认等级（是），那么该等级是无法删除的。</li>
                <li><span>·</span>修改：添加或者修改会员等级的时候，列表中必须有一个，也只能有一个默认等级为“是”的等级。</li>
                <li><span>·</span>添加或者修改会员等级，可以对其会员等级所需要的积分，和会员等级的优惠百分比做出调整。</li>
            </ul>
        </div>
        <!--表格区域  -->
        <div class="table_control">
            <div class="table_opera">
                <button type="button" id="addlvdata" class="layui-btn layui-btn-primary " title="添加"><i class="icon iconfont icon-llalbumshopselectorcreate"></i></button>
                <button type="button" class="layui-btn layui-btn-primary " title="删除" onclick="del();"><i class="layui-iconicon iconfont icon-guanbi1"></i></button>
                <button type="button" class="layui-btn layui-btn-primary " title="提示" id="explain"><i class="icon iconfont icon-tishi1"></i></button>
            </div>
        </div>
   </div>
   
   <!--表格区域  -->
   <form id="lvform">
    <table id="lvdata" class="layui-table site-table table-hover" width="100%" lay-skin="line" >
        <thead>
          <tr>
            <th><input type='checkbox'  class='btn-checkall fly-checkbox' id='selected-all'></th>
            <th>等级名称</th>
            <th>默认等级</th>
            <th>操作</th>
          </tr>
        </thead>
    </table>
    <!--传值等操作(暂定)  -->
    <div id="addBrand" ></div>
   </form>
</div>

<!--js区域  -->
<script>
var table;
$(function(){
	
	table = $('#lvdata').DataTable({
		"language": {
	        "url": "${staticserver}/media/zh_CN.txt"
	    },
	    "processing": true,
	    "serverSide": true,
	    "ordering": false,
	    "searching": false,
	    "lengthChange": false,
	    ajax: {
	        //指定数据源
	        type:"post",
	        url: '${ctx}/shop/admin/member/list-lv-json.do',
	    },
	    columns: [ //定义列
            {"data": function (obj) {
                return '<input type="checkbox" name="lv_id" class="fly-checkbox" value=' + obj.lv_id + '>';
            		}},
	        {data: "name"},
	        {"data": function (obj) {
	    		if(obj.default_lv==0){
	    			return '否';
	    		}
	    		if(obj.default_lv==1){
	    			return '是';
	    		}
            }},
	        {data: null,"render": function(data, type, row) {
	        	return "<a class='layui-btn layui-btn-small _aa' name='ch ange_btn' onclick='edit("+data["lv_id"]+")'  >操作</a>";		//获取值:data["brand_id"]
	       	}}
	     ]
	});
	
	$("#addlvdata").click(function(){
	   	 layer.open({
	            title:"添加会员等级",//标题
	            maxmin :true,//右上角可否放大缩小
	            type:2,//弹框的类型
	            shade: [0.3, '#000'],//黑色背景
	            shadeClose:false,//黑色背景是否可以点击关闭
	            content:"${ctx}/shop/admin/member/add-lv.do",//内容的URL
	            area:['620px','480px'],//弹框大小
	            scrollbar: false,//是否允许浏览器出现滚动条
	        });
		});
});

//编辑
function edit(lvid){
	layer.open({
        title:"编辑会员等级",//标题
        maxmin :true,//右上角可否放大缩小
        type:2,//弹框的类型
        shade: [0.3, '#000'],//黑色背景
        shadeClose:false,//黑色背景是否可以点击关闭
        content:"${ctx}/shop/admin/member/edit-lv.do?lvId="+lvid,//内容的URL
        area:['620px','480px'],//弹框大小
        scrollbar: false,//是否允许浏览器出现滚动条
    });
}

//删除
function del(){
	var unCheckedBoxs = $("input[name='lv_id']").is("input:checked");
	if(unCheckedBoxs == false){
		alert("请选择删除的会员等级");
		return false;
	} 
	if (!confirm("确认要删除会员等级吗?")) {
		return;
	}
   var options = {
		   url:ctx+"/shop/admin/member/delete-lv.do",
			type:"post",
			dataType:"json",
			success:function(data){
				if(data.result==1){
					$.Loading.success(data.message);
					table.ajax.url(ctx+"/shop/admin/member/list-lv-json.do").load();
				}
				if(data.result==0){
					$.Loading.error(data.message);
				}
			}
   };
   $("#lvform").ajaxSubmit(options);
}
</script>
<#include '/admin/footer.html' >